<template>
    <div class="ci-notice">
        <Icon type="volume-medium" class="icon"></Icon>
        <div class="text-content">
            <slot></slot>
        </div>
    </div>
</template>

<script>
export default {
    name: 'ci-notice'
}
</script>

<style lang="less">
.ci-notice {
    background-color: #fefcec;
    padding: 8px 15px;
    color: #f99461;
    .icon {
        font-size: 24px;
        vertical-align: top;
    }
    .text-content {
        display: inline-block;
        margin-left: 10px;
        height: 24px;
        line-height: 24px;
    }
}
</style>
